<template>
    <div class="detail">
        <li><img src="../../assets/img/sunce.png"></li>
        <li><img src="../../assets/img/lan.png"></li>
        <li><img src="../../assets/img/houzi.png"></li>
        <li><img src="../../assets/img/liubei.png"></li>
    </div>

    <div class="big">

    </div>
</template>

<script setup>

</script>

<style  lang ='css'scoped>
.detail{
         width: 100%;
         height: 24rem;
         background-color:skyblue;
         display: flex;
         justify-content: space-around;
         align-items: center;
        flex-wrap: wrap
}
li{
       background-color: red;
       height: 10rem;
       width: 10rem;
       list-style: none;
}
li img{
        width: 100%;
        height: 100%;
        margin-bottom: 0.3rem;
}

</style>